<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <!-- <el-tab-pane label="汇总情况" name="first">
      <Chart1 :chartData="totalTypeData"
    /></el-tab-pane> -->
    <el-tab-pane label="营业收入（可研口径）" name="second" lazy
      ><Chart2 :chartData="operateData" />
    </el-tab-pane>
    <el-tab-pane label="净利润" name="third" lazy
      ><Chart3 :chartData="operateData" />
    </el-tab-pane>
    <!-- <el-tab-pane label="并表营收" name="fourth" lazy
      ><Chart4 :chartData="operateData" />
    </el-tab-pane> -->
  </el-tabs>
</template>

<script>
import Chart1 from "./Chart1.vue";
import Chart2 from "./Chart2.vue";
import Chart3 from "./Chart3.vue";
import Chart4 from "./Chart4.vue";
export default {
  components: { Chart1, Chart2, Chart3, Chart4 },
  props: ["operateData", "totalTypeData"],
  data() {
    return {
      activeName: "second",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style>
</style>